<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>3D+</title>
	<script src="js/jquery.2.1.js"></script>
	<link rel="stylesheet" href="dist/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="dist/mCustomScrollbar/jquery.mCustomScrollbar.css">
	<script src="dist/layer/layer.js"></script>
	<link rel="stylesheet" href="dist/swiper/css/swiper.min.css">
	<script src="dist/swiper/js/swiper.min.js"></script>
	<link rel="stylesheet" href="css/style.css">
</head>
<body>
	<div id="app">
		<div>
			<div class="header">
				<div class="head-info">
					<div class="container clearfix">
						<div class="logo fl">
							<a href=""><img src="images/logo.png" alt=""></a>
						</div>
						<div class="wepnav fr">
							<ul class="clearfix">
								<li class="active">
									<a href="">首页</a>
								</li>
								<li>
									<a href="">3D扫描仪</a>
								</li>
								<li>
									<a href="">3D打印机</a>
								</li>
								<li>
									<a href="">解决方案</a>
								</li>
								<li>
									<a href="">关于易尚</a>
								</li>
								<li class="search-img">
									<a href="javascript:;">
										<img src="images/search_01.png" alt="">
									</a>
								</li>
								<li class="luang">
									<a href="javascript:;"></a>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="head-search">
					<div class="container">
						<div class="content clearfix">
							<div class="fl icon">
								<i class="fa fa-navicon" aria-hidden="true"></i>
							</div>
							<div class="fl clearfix">
								<input type="text" value="" placeholder="请输入搜索内容" class="fl">
								<button class="btn fl"></button>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div id="navList">
				<div class="container">
					<!-- 3d打印机 -->
					<ul>
						<li>
							<h3><a href="">桌面3D打印机</a></h3>
							<ol>
								<li><a href="">ESUN ONE 3D打印机</a></li>
								<li><a href="">ESUN SLA-T16 3D打印机</a></li>
								<li><a href="">RAISE3D-准工业级FDM打印机</a></li>
								<li><a href="">FabPro™ 1000 桌面光固化3D打印机</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">塑料3D打印机</a></h3>
							<ol>
								<li><a href="">ProJet MJP 2500 Series</a></li>
								<li><a href="">ProJet MJP 3600 Series</a></li>
								<li><a href="">ProJet MJP 5600</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">全彩3D打印机</a></h3>
							<ol>
								<li><a href="">ProJet CJP 860Pro</a></li>
								<li><a href="">ProJet CJP 660Pro</a></li>
								<li><a href="">ProJet CJP 460Plus</a></li>
								<li><a href="">ProJet CJP 360</a></li>
								<li><a href="">ProJet CJP 260Plus</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">3D水晶像雕刻</a></h3>
							<ol>
								<li><a href="">3D水晶像亭</a></li>
							</ol>
						</li>
						<li class="video">
							<a href="javascript:;" >
								<div class="plays" style="background:url('images/video_01.jpg') center no-repeat / cover;" data-url="https://onec.oss-cn-beijing.aliyuncs.com/%E7%94%A8%E7%BB%86%E8%83%9E.mp4">
									<img src="images/play.png" alt="" >
								</div>
								<p>ESUN鹰眼S1宣传视频</p>
							</a>
						</li>
					</ul>

					<!-- 3d扫描仪 -->
					<ul>
						<li>
							<h3><a href="">消费级3D扫描仪</a></h3>
							<ol>
								<li><a href="">鹰眼桌面彩色3D扫描仪</a></li>
								<li><a href="">小易桌面扫描仪</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">手持式3D扫描仪</a></h3>
							<ol>
								<li><a href="">智能手持式激光3D扫描仪</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">工业级3D扫描仪</a></h3>
							<ol>
								<li><a href="">三维光学面扫描系统</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">人体3D扫描仪</a></h3>
							<ol>
								<li><a href="">全方位彩色人体3D扫描仪</a></li>
							</ol>
						</li>
						<li class="video">
							<a href="javascript:;" >
								<div class="plays" style="background:url('images/video_01.jpg') center no-repeat / cover;" data-url="https://onec.oss-cn-beijing.aliyuncs.com/%E7%94%A8%E7%BB%86%E8%83%9E.mp4">
									<img src="images/play.png" alt="">
								</div>
								<p>ESUN鹰眼S1宣传视频</p>
							</a>
						</li>
					</ul>

					<!-- 解决方案 -->
					<ul>
						<li>
							<h3><a href="">AR/VR电商</a></h3>
							<ol>
								<li><a href="">服装定制解决方案</a></li>
								<li><a href="">鞋定制解决方案</a></li>
								<li><a href="">商品3D建模方案</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">教育领域</a></h3>
							<ol>
								<li><a href="">3D创新教室</a></li>
								<li><a href="">3D工程实训中心</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">工业领域</a></h3>
							<ol>
								<li><a href="">汽车应用</a></li>
								<li><a href="">模具应用</a></li>
								<li><a href="">珠宝相关</a></li>
								<li><a href="">电子电器</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">文化创意</a></h3>
							<ol>
								<li><a href="">数字化博物馆</a></li>
								<li><a href="">建筑BIM</a></li>
								<li><a href="">3D影像馆</a></li>
								<li><a href="">艺术品开发</a></li>
								<li><a href="">影视动漫</a></li>
							</ol>
						</li>
						<li class="video">
							<a href="javascript:;">
								<div class="plays" style="background:url('images/video_01.jpg') center no-repeat / cover;" data-url="https://onec.oss-cn-beijing.aliyuncs.com/%E7%94%A8%E7%BB%86%E8%83%9E.mp4">
									<img src="images/play.png" alt="">
								</div>
								<p>ESUN鹰眼S1宣传视频</p>
							</a>
						</li>
					</ul>

					<!-- 关于我们 -->
					<ul>
						<li>
							<h3><a href="">关于易尚</a></h3>
							<ol>
								<li><a href="">企业文化</a></li>
								<li><a href="">易尚历史</a></li>
								<li><a href="">荣誉资质</a></li>
								<li><a href="">合作伙伴</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">企业动态</a></h3>
							<ol>
								<li><a href="">企业新闻</a></li>
								<li><a href="">展会资讯</a></li>
								<li><a href="">研讨会</a></li>
							</ol>
						</li>
						<li>
							<h3><a href="">联系我们</a></h3>
							<ol>
								<li><a href="">联系方式</a></li>
							</ol>
						</li>
						<li class="video">
							<a href="javascript:;">
								<div class="plays" style="background:url('images/video_01.jpg') center no-repeat / cover;" data-url="https://onec.oss-cn-beijing.aliyuncs.com/%E7%94%A8%E7%BB%86%E8%83%9E.mp4">
									<img src="images/play.png" alt="">
								</div>
								<p>ESUN鹰眼S1宣传视频</p>
							</a>
						</li>
					</ul>
				</div>
			</div>

			<div class="banner">
				<div class="bck">
					<img src="images/banner.jpg" alt="">
				</div>
				<div class="swiper-container swiper-banner">
				  	<div class="swiper-wrapper">
					    <div class="swiper-slide">
							<div class="container">
								<ul>
									<div class="pro" data-title="鹰眼">
										<li>
											<a href="javascript:;">
												<img src="images/pro_0001.png" alt="">
											</a>
										</li>
										<li>
											<a href="javascript:;">
												<img src="images/pro_0002.png" alt="">
											</a>

											<div class="text">
												<h2>HawkeyeS1 </h2>
												<p>ESUN HAWK-EYE 3D SCANNER</p>
												<h3>鹰眼三维扫描仪</h3>
											</div>
										</li>
									</div>
								</ul>
							</div>
					    </div>
					    <div class="swiper-slide">
							<div class="container">
								<ul>
									<div class="pro" data-title="打印机">
										<li>
											<a href="javascript:;">
												<img src="images/pro_0001.png" alt="">
											</a>
										</li>
										<li>
											<a href="javascript:;">
												<img src="images/pro_0002.png" alt="">
											</a>

											<div class="text">
												<h2>HawkeyeS1 </h2>
												<p>ESUN HAWK-EYE 3D SCANNER</p>
												<h3>鹰眼三维扫描仪</h3>
											</div>
										</li>
									</div>
								</ul>
							</div>
					    </div>
				  	</div>
				  	<div class="swiper-pagination"></div>
				</div>
				<div class="mouse-box">
					<h3>鹰眼</h3>
					<p>了解更多</p>
				</div>
			</div>

			<div class="solite-box">
				<div class="container">
					<div class="title">
						<h2>解决方案</h2>
						<p>SOLUTION</p>
					</div>
					<div class="p">FOUR</div>
					<div class="content">
						<div class="swiper-container swiper-case">
						    <div class="swiper-wrapper">
						      <div class="swiper-slide">
								<div class="item">
									<div class="title">
										工业领域
									</div>
									<div class="img">
										<a href="javascript:;" style="background:url('images/pro_01.jpg') center / cover;">
											<h3>工业领域</h3>
										</a>
									</div>
									<div class="text">
										<p>为电商、金融、快消、文创等各种行业赋予AR/VR超能力, 基于现实，超越现实，全面开启AR/VR新探索</p>
									</div>
								</div>
						      </div>
						      <div class="swiper-slide">
								<div class="item">
									<div class="title">
										教育领域
									</div>
									<div class="img">
										<a href="javascript:;" style="background:url('images/pro_02.jpg') center / cover;">
											<h3>教育领域</h3>
										</a>
									</div>
									<div class="text">
										<p>为电商、金融、快消、文创等各种行业赋予AR/VR超能力, 基于现实，超越现实，全面开启AR/VR新探索</p>
									</div>
								</div>
						      </div>
						      <div class="swiper-slide">
								<div class="item">
									<div class="title">
										AR/VR领域
									</div>
									<div class="img">
										<a href="javascript:;" style="background:url('images/pro_03.jpg') center / cover;">
											<h3>AR/VR领域</h3>
										</a>
									</div>
									<div class="text">
										<p>为电商、金融、快消、文创等各种行业赋予AR/VR超能力, 基于现实，超越现实，全面开启AR/VR新探索</p>
									</div>
								</div>
						      </div>
						      <div class="swiper-slide">
								<div class="item">
									<div class="title">
										文化创意
									</div>
									<div class="img">
										<a href="javascript:;" style="background:url('images/pro_04.jpg') center / cover;">
											<h3>文化创意</h3>
										</a>
									</div>
									<div class="text">
										<p>为电商、金融、快消、文创等各种行业赋予AR/VR超能力, 基于现实，超越现实，全面开启AR/VR新探索</p>
									</div>
								</div>
						      </div>
						      <div class="swiper-slide">
								<div class="item">
									<div class="title">
										AR/VR领域
									</div>
									<div class="img">
										<a href="javascript:;" style="background:url('images/pro_01.jpg') center / cover;">
											<h3>工业领域</h3>
										</a>
									</div>
									<div class="text">
										<p>为电商、金融、快消、文创等各种行业赋予AR/VR超能力, 基于现实，超越现实，全面开启AR/VR新探索</p>
									</div>
								</div>
						      </div>
						      <div class="swiper-slide">
								<div class="item">
									<div class="title">
										AR/VR领域
									</div>
									<div class="img">
										<a href="javascript:;" style="background:url('images/pro_02.jpg') center / cover;">
											<h3>工业领域</h3>
										</a>
									</div>
									<div class="text">
										<p>为电商、金融、快消、文创等各种行业赋予AR/VR超能力, 基于现实，超越现实，全面开启AR/VR新探索</p>
									</div>
								</div>
						      </div>
						    </div>
						  </div>
						  <div class="swiper-button-prev"></div><!--左箭头-->
	    				<div class="swiper-button-next"></div><!--右箭头-->
					</div>
				</div>
			</div>

			<div class="index-pro">
				<div class="container">
					<ul>
						<li class="first">
							<div class="item" style="background:url('images/pro_001.jpg') center / cover;">
								<a href="">
									<div class="text">
										<h3>鹰眼 <span></span></h3>
										<p>新一代桌面3D扫描仪</p>
									</div>
								</a>
							</div>
						</li>
						<li class="two">
							<div class="item" style="background:url('images/pro_002.jpg') center / cover;">
								<a href="">
									<div class="text">
										<h3>智能激光 <span></span></h3>
										<p>手持式三维扫描仪</p>
									</div>
								</a>
							</div>
							<div class="item" style="background:url('images/pro_003.jpg') center / cover;">
								<a href="">
									<div class="text">
										<h3>ProJet 860 Pro <span></span></h3>
										<p style="color:#dddddd;">全彩3D打印机</p>
									</div>
								</a>
							</div>
						</li>
						<li class="last">
							<div class="item" style="background:url('images/pro_004.jpg') center / cover;">
								<a href="">
									<div class="text">
										<h3>Fabpro1000 <span></span></h3>
										<p  style="color:#dddddd;">桌面DLP3D打印机</p>
									</div>
								</a>
							</div>
							<div class="item">
								<a href="">
									<div class="title">
										<h2>PRODUCT</h2>
										<p>产品展示</p>
										<img src="images/icon-right.png" alt="">
									</div>
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<div class="index-model">
				<div class="container">
					<div class="title">
						<h3>3D云平台</h3>
						<h4>3D CLOUD PLATFORM</h4>
						<p>高质量3D模型及全彩贴图获取该设备采取矩阵式排列，搭配自主研发三维扫描软件可确保在2秒之内获取完整的三维人体数据</p>
					</div>
					<div class="content">
						<ul class="model-list">
							<li class="item item-1">
								<div class="model" style="background:url('images/model_01.jpg') center / cover;" data-url="https://www.elitevboy.com/JD_Computer/?fileid=0">
									<iframe src="" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel="" width="100%" height="100%" class="indexIfrema"></iframe>
									<div class="title">
										<h3>鞋子</h3>
										<p>38543面</p>
									</div>
								</div>
							</li>
							<li class="item item-2">
								<div class="model" style="background:url('images/model_02.jpg') center / cover;" data-url="http://www.esun3dcloud.com/cn/productions/c1a6c9c64611d9bbdeb95b76797c6efacaa2ca33/embed_url?title=李宁鞋">
									<iframe src="" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel="" width="100%" height="100%" class="indexIfrema"></iframe>
									<div class="title">
										<h3>鞋子</h3>
										<p>38543面</p>
									</div>
								</div>
							</li>
							<li class="item item-3" style="background:url('images/model_03.jpg') center / cover;">
								<div class="model" data-url="https://www.elitevboy.com/JD_Bridge/?fileid=0">
									<iframe src="https://www.elitevboy.com/JD_Bridge/?fileid=0" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel="" width="100%" height="100%" class="indexIfrema"></iframe>
									<div class="title">
										<h3>鞋子</h3>
										<p>38543面</p>
									</div>
								</div>
							</li>
							<li class="item item-4">
								<div class="model" style="background:url('images/model_04.jpg') center / cover;" data-url="http://www.esun3dcloud.com/cn/productions/83c32edb45bafbd881029003b5dbd023816cd6cf/embed_url?title=花瓶">
									<iframe src="" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel="" width="100%" height="100%" class="indexIfrema"></iframe>
									<div class="title">
										<h3>鞋子</h3>
										<p>38543面</p>
									</div>
								</div>
							</li>
							<li class="item item-5">
								<div class="model" style="background:url('images/model_05.jpg') center / cover;" data-url="https://www.elitevboy.com/JD_Computer/?fileid=0">
									<iframe src="" frameborder="0" allowfullscreen="" mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel="" width="100%" height="100%" class="indexIfrema"></iframe>
									<div class="title">
										<h3>鞋子</h3>
										<p>38543面</p>
									</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="index-news">
				<div class="container">
					<div class="title">
						<h2>客户案例</h2>
						<p>CUSTOMER CASE</p>
					</div>
					<div class="content">
						<ul>
							<li>
								<div class="item fr active">
									<div class="imgPr fl">
										<div class="img">
											<a href="" style="background:url('images/new_01.jpg') center / cover;"></a>
										</div>
									</div>
									<div class="text fl">
										<div class="time">
											<p>04-15</p>
											<span>2017</span>
										</div>
										<h3><a href="">锡山高级中学与易尚打造3D创客实践基地</a></h3>
										<p>深圳易尚展示股份有限公司与锡山高级中学共同打造的3D创客实践基地，就是其中的佼佼者。</p>
									</div>
								</div>
							</li>
							<li>
								<div class="item fl">
									<div class="imgPr fr">
										<div class="img">
											<a href="" style="background:url('images/new_01.jpg') center / cover;"></a>
										</div>
									</div>
									<div class="text fr">
										<div class="time">
											<p>05-21</p>
											<span>2017</span>
										</div>
										<h3><a href="">京东AR无界创新联盟—易尚展示，助力新创新发展</a></h3>
										<p>5月21日，“智享无界”—  京东“天工”计划3.0暨AR无界创新联盟发布会在北京举行。其中深圳易尚AR试衣镜是易尚展示的AR创新应用</p>
									</div>
									
								</div>
							</li>
							<li>
								<div class="item fr">
									<div class="imgPr fl">
										<div class="img">
											<a href="" style="background:url('images/new_01.jpg') center / cover;"></a>
										</div>
									</div>
									<div class="text fl">
										<div class="time">
											<p>04-15</p>
											<span>2017</span>
										</div>
										<h3><a href="">3D打印 SLS技术为C.ideas公司带来高细节和速度</a></h3>
										<p>总裁Mike Littrell首次操作新的sPro 60 HD HS3D打印机和测试先前遭遇的种种困难，并说”这台机器实在太不可思议了”他惊讶不仅仅是生产多功能性和打印的速度，而且还达到了产品的优越质量</p>
									</div>
								</div>
							</li>
						</ul>
						<div class="scroll-ol">
							<div class="this">
								<div class="dian active"></div>
							</div>
							<div class="this">
								<div class="dian"></div>
							</div>
							<div class="this">
								<div class="dian"></div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="index-firend">
				<div class="container">
					<div class="title">
						<h2>合作伙伴</h2>
						<p>PARTNER</p>
					</div>
					<div class="content">
						<ul>
							<li>
								<a href=""><img src="images/firend_01.jpg" alt=""></a>
							</li>
							<li>
								<a href=""><img src="images/firend_02.jpg" alt=""></a>
							</li>
							<li>
								<a href=""><img src="images/firend_03.jpg" alt=""></a>
							</li>
							<li>
								<a href=""><img src="images/firend_04.jpg" alt=""></a>
							</li>
							<li>
								<a href=""><img src="images/firend_05.jpg" alt=""></a>
							</li>
							<li>
								<a href=""><img src="images/firend_06.jpg" alt=""></a>
							</li>
						</ul>
					</div>
				</div>
			</div>

			<div class="footer">
				<div class="container">
					<div class="content clearfix">
						<ul class="fl clearfix">
							<li>
								<h3><a href="">3D扫描仪</a></h3>
								<p><a href="">消费级3D扫描仪</a></p>
								<p><a href="">工业级3D扫描仪</a></p>
								<p><a href="">手持式3D扫描仪</a></p>
								<p><a href="">文物3D扫描仪</a></p>
								<p><a href="">文物3D扫描仪</a></p>
							</li>
							<li>
								<h3><a href="">3D打印机</a></h3>
								<p><a href="">桌面3D打印机</a></p>
								<p><a href="">金属3D打印机</a></p>
								<p><a href="">塑料3D打印机</a></p>
								<p><a href="">全彩3D打印机</a></p>
								<p><a href="">金属铸件打印机</a></p>
								<p><a href="">医学3D打印机</a></p>
								<p><a href="">3D水晶像亭</a></p>
							</li>
							<li>
								<h3><a href="">解决方案</a></h3>
								<p><a href="">AR/VR电商</a></p>
								<p><a href="">教育领域</a></p>
								<p><a href="">工业领域</a></p>
								<p><a href="">文化创意</a></p>
							</li>
							<li>
								<h3><a href="">关于我们</a></h3>
								<p><a href="">易尚3D+</a></p>
								<p><a href="">企业动态</a></p>
								<p><a href="">联系我们</a></p>
							</li>
						</ul>
						<div class="contact fr">
							<div class="phone">
								<p><img src="images/phone.png" alt="">400-8619-123</p>
							</div>
							<div class="kf">
								<a href="">在线客服</a>
							</div>
							<div class="time">
								<p>周一到周日9:00-12:00</p>
							</div>
							<div class="fx">
								<div class="item xl">
									<a href=""></a>
								</div>
								<div class="item qq">
									<a href="http://wpa.qq.com/msgrd?v=3&uin=461450432&site=qq&menu=yes" target="_blank"></a>
								</div>
								<div class="item wx">
									<a href="javascript:;"></a>
									<div class="ewm">
										<img src="images/1545574177.png" alt="">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="bottom">
						<div class="foot-logo">
							<img src="images/foot_logo.png" alt="">
						</div>
						<div class="text">
							<p>copyright©2013-2015 深圳市易尚展示展示股份有限公司 </p>
							<p>版权所有 <a href="">粤ICP备10082754</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<script src="dist/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="js/function.js"></script>
	<script>
		(function($){
			$(window).on("load",function(){
				$("#app").mCustomScrollbar({
					scrollInertia:2000,
					scrollButtons:{
						enable:true
					},
					callbacks:{
						onTotalScrollOffset:0,
						onTotalScrollBackOffset:50,
						alwaysTriggerOffsets:true
					},
					theme:"dark"
				});
			});
		})(jQuery);
		
		$(function(){
			$('.search-img img').click(function(){
				var headInfo = new addClass('.head-info','active');
				var headSearch = new addClass('.head-search','active');
			})

			$('.head-search .fa-navicon').click(function(){
				var headInfo = new removeClass('.head-info','active');
				var headSearch = new removeClass('.head-search','active');
			})

			var navlist_index = 0;
			$('.wepnav li').hover(function(){
				navlist_index = $(this).index();
				if(0 < $(this).index() && $(this).index() < 5){
					$('#navList').stop().slideDown();
					$('#navList ul').removeClass('active');
					$('#navList ul').eq($(this).index() - 1).addClass('active');
				}
			},function(){
				$('#navList').stop().slideUp();
			})

			$('#navList').hover(function(){
				$('#navList').stop().slideDown();
				$('#navList ul').removeClass('active');
				$('#navList ul').eq(navlist_index - 1).addClass('active');
			},function(){
				$('#navList').stop().slideUp();
			})

			$('.plays').click(function(){
				var url = $(this).attr('data-url');
				layer.open({
				  type: 1,
				  title:false,	
				  scrollbar:false,
				  area: ['800px', '450px'], //宽高
				  shade:[.6,'#000'],
				  content: '<video src="'+url+'" width="100%" height="100%" autoplay loop controls style="display:block;">'
				});
			})

			$('.banner').height($(window).height() - 68);
			var banner = new Swiper('.swiper-banner', {
				autoplay:{
					delay: 5000,
				    stopOnLastSlide: false,
				    disableOnInteraction: false,
				},
				pagination: {
				    el: '.swiper-pagination',
				},
				on:{
					touchMove:function(){
						$('.bck').removeClass('active');
						clearInterval(set)
						set = setInterval(setBanner,10)
						scrollStart = true;
					},
					touchEnd: function(event){
				      	$('.bck').addClass('active');
				    }
				}
			})
			

			function setBanner(){
				$('.bck').css({left:banner.translate / 4})
			}
			var set = setInterval(setBanner,10)

			//鼠标跟随
			var bindEvent = function(dom, eventName, listener){
			  if(dom.attachEvent) {
			    dom.attachEvent('on'+eventName, listener);
			  } else {
			    dom.addEventListener(eventName, listener);
			  }
			}

			$('.pro').each(function(index,elemt){
				bindEvent(elemt, 'mousemove', function(e){
				  var title = $(elemt).attr('data-title');
				  var offsetX = e.clientX - elemt.clientLeft;
				  var offsetY = e.clientY - elemt.clientTop;
				  $('.mouse-box').addClass('active').removeClass('out');
				  $('.mouse-box').css({left:offsetX+70,top:offsetY - 70});
				  $('.mouse-box h3').text(title);
				})

				$(elemt).mouseout(function(){
					$('.mouse-box').removeClass('active').addClass('out');
				})
			})
		
			$('.solite-box').css({marginTop:$(window).height()})

			var scrollStart = true;
			var cs_left;
			/* ------页面滚动效果------ */
			$(window).scroll(function(ev){
				clearInterval(set)
				$('.bck').removeClass('active');
				var Hei = $(window).scrollTop();

				if(scrollStart){
					cs_left = parseInt($('.bck').css('left'));
					scrollStart = false;
				}
				$('.bck').css({left:cs_left-Hei,top:Hei});
			})

			//解决方案
			var caseSwiper = new Swiper('.swiper-case',{
				loop:true,
				slidesPerView : 'auto',
				navigation: {
			      nextEl: '.swiper-button-next',
			      prevEl: '.swiper-button-prev',
			    },
				on: {
				    slideChangeTransitionEnd: function(){
				    	var thisIndex = this.activeIndex;
				      	$('.solite-box .item').each(function(index,elemt){
				      		$(elemt).parent().removeClass('active');
				      		if(index == thisIndex + 2){
				      			$(elemt).parent().addClass('active');
				      		}
				      	})
				    },
				    click: function(event){
				    	var clickIndex = this.clickedIndex;
				    	caseSwiper.slideToLoop(clickIndex - 8, 1000, false);//切换到第一个slide，速度为1秒
				    	$('.solite-box .item').each(function(index,elemt){
				      		$(elemt).parent().removeClass('active');
				      		if(index == clickIndex){
				      			$(elemt).parent().addClass('active');
				      		}
				      	})
				    }
				}
			})

			$('.model-list .model').click(function(){
				if($(this).parent().attr('class').indexOf('item-3') == -1){
					var thisClassname = $(this).parent().attr('class').replace('item ','');
					var ifUrl = $(this).attr('attr-url');
					$('.model-list .model').each(function(index,elemt){
						if($(elemt).parent().attr('class').indexOf('item-3') != -1){
							$(elemt).parent().attr('class','item '+thisClassname+'')
							$(elemt).find('iframe').attr('src','');
						}
					})
					$(this).parent().attr('class','item item-3');
					$(this).find('iframe').attr('src',$(this).attr('data-url'));
				}
				
			})


			$('.index-news li .item').hover(function(){
				$('.index-news li .item').each(function(i,e){
					$(e).removeClass('active');
				})
				$(this).addClass('active');

				$('.scroll-ol .dian').removeClass('active');
				$('.scroll-ol .this').eq($(this).parent().index()).find('.dian').addClass('active');
			})



		})
	</script>
</body>
</html>